{extend name="public/wap_base" /}
{block name="css"}
<link href="/static/css/wap/cdetail.css?r=1" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css" />
{/block}
{block name="js"}
{/block}
{block name="title"}
企业详情
{/block}
{block name="main"}

<!-- 轮播图 -->
<div class="swiper-container banner-swiper">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="/static/images/wap/02.jpg" alt="banner1" /></div>
    </div>
    <div class="swiper-pagination"></div>
</div>
<!-- 轮播图结束 -->

<div class="block-white" style="margin-top: 0px">

    <div class="company-detail">
        <!-- 企业名称 -->
        <div class="company-info">
            <h1 class="company-name">{$data.company_name}</h1>
            <p>{$data.company_name_en}</p>
        </div>

        <!-- 企业简介 -->
        <div class="company-introduction">
            <!--如果 data.company_display_way == 1 视频 2 图片形式展示-->
            {if $data.company_display_way == 1}
            <div class="company-video">
                <video controls="controls" poster="{$data.avatar}">
                    <source src="{$data.company_video}" type="video/mp4">
                    您的浏览器不支持 video 标签。
                </video>
            </div>
            {else /}
            <div class="company-video">
                <img src="{$data.company_img}" alt="{$data.company_name}">
            </div>
            {/if}
            <div class="company-introduction-right">
                <div class="company-introduction-content">
                    <p>{$data.company_shl}</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="block-white" style="margin-top: 20px;">

    <!-- 主营产品展示 -->
    <div class="product-section">
        <div class="section-title">
            <span class="section-marker"></span>
            <div class="section-texts">
                <h2>主营产品 <span class="subtitle-en">Main Products</span></h2>
            </div>
        </div>

        <div class="product-grid">
            {volist name="product_list" id="item"}
            <div class="product-card">
                <a href="javascript:void(0)" style="cursor: default">
                    <img src="{$item.thumb}" alt="{$item.title}"/>
                </a>
                <p>{$item.title}</p>
                <p class="price">￥ {$item.price}</p>
            </div>
            {/volist}
        </div>
    </div>

</div>


<!-- 荣誉资质 -->
<div class="block-white" style="margin-top: 20px;">

    <!-- 主营产品展示 -->
    <div class="product-section">
        <div class="section-title">
            <span class="section-marker"></span>
            <div class="section-texts">
                <h2>荣誉资质 <span class="subtitle-en">Honor display</span></h2>
            </div>
        </div>

        <div class="product-grid">
            {volist name="honor_list" id="item"}
            <div class="product-card">
                <a href="javascript:void(0)" class="hor">
                    <img src="{$item.thumb}" alt="{$item.title}">
                </a>
            </div>
            {/volist}
        </div>
    </div>

</div>

<script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
<script src="/static/js/wap/company.js"></script>

{/block}